<template>
  <div class="iframe-container">
    <a-card class="card">
      <iframe src="https://cn.vuejs.org/" width="100%" height="100%"></iframe>
    </a-card>
  </div>
</template>
<script lang="ts" setup></script>
<style lang="less" rel="stylesheet/less" scoped>
.iframe-container {
  margin: 20px;
  height: calc(100% - 80px);

  .card {
    height: 100%;
    overflow: scroll;
    box-shadow: 0px 0px 12px rgb(0 0 0 / 12%);
    border-radius: 4px;
    margin: 8px 5px;
    :deep(.ant-card-body) {
      height: 100%;
    }
  }
}
</style>
